/**
 * Created by fengliu on 15/8/28.
 */
'use strict';
import './css/main.css';

import React from 'react';
import AMUIRect from 'amazeui-react';
import LeftBody from './LeftBody';
import RightBody from './RightBody';
// import Amaze from 'amazeui/js/amazeui';
import 'amazeui';
import Tuijian from './Main/Tuijian';
import ListArticle from './Main/ListArticle';


var Grid=AMUIRect.Grid;
var Col=AMUIRect.Col;
var Container=AMUIRect.Container;

var style = {
    height: "40px",
    float: "left",
    overflow: 'hidden',
    margin: "1px",
    padding: "1px",
    'vertical-align': "baseline"
};
main();
function main(){
    var gridInstance = (
        <Grid className="doc-g">
            <Col sm={0} md={4} lg={2} className="leftBody"><LeftBody /></Col>
            <Col sm={12} md={4} lg={6} >
              <Container className="main">
                  <Tuijian />
                  <ListArticle />
              </Container>
            </Col>
            <Col sm={12} md={4} lg={4}><RightBody /></Col>
        </Grid>
    );


    React.render(gridInstance, document.getElementById('app'));
}
